﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="charset" charset="utf-8" />
    <link href="../css/index.css" rel="stylesheet" />
    <title>我的第一个静态网页</title>
</head>
<body>
    <div>
        <h2 style="text-align:center">Products</h2>
        <h5 style="text-align:center">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,
            incidunt eius magni provident, doloribus omnis minus ovident, doloribus omnis minus temporibus perferendis nesciunt..
        </h5>
    </div>

    <div id="all">

        <div id="part" class="new">
            <img src="../img/1.png" class="la" width="80px" height="80px" />
            <div class="lala">
                <h4 class="lalala">Generics</h4>
                <p class="lalalala">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    Dlores quae porro consequatur aliquam, incildunt
                </p>
            </div>
        </div>

        <div id="part" class="new">
            <img src="../img/2.png" class="la" width="80px" height="80px" />
            <div class="lala">
                <h4 class="lalala">Intermediates</h4>
                <p class="lalalala">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Dlores quae porro consequatur aliquam, incildunt
                </p>
            </div>
        </div>

        <div id="part" class="new">
            <img src="../img/3.png" class="la" width="80px" height="80px" />
            <div class="lala">
                <h4 class="lalala">Syntesis</h4>
                <p class="lalalala">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Dlores quae porro consequatur aliquam, incildunt
                </p>
            </div>
        </div>

        <div id="part" class="new">
            <img src="../img/4.png" class="la" width="80px" height="80px" />
            <div class="lala">
                <h4 class="lalala">Nutraceuticals</h4>
                <p class="lalalala">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Dlores quae porro consequatur aliquam, incildunt
                </p>
            </div>
        </div>

        <div id="part" class="new">
            <img src="../img/5.png" class="la" width="80px" height="80px" />
            <div class="lala">
                <h4 class="lalala">Carotenoids</h4>
                <p class="lalalala">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Dlores quae porro consequatur aliquam, incildunt
                </p>
            </div>
        </div>

        <div id="part" class="new">
            <img src="../img/6.png" class="la" width="80px" height="80px" />
            <div class="lala">
                <h4 class="lalala">Amino Acids</h4>
                <p class="lalalala">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    Dlores quae porro consequatur aliquam, incildunt
                </p>
            </div>
        </div>

    </div>


    <table>
        <tbody>
            <tr>
                <td>
                    <img src="../img/1.png" class="la" width="80px" height="80px" />

                    <div class="lala">
                        <h4 class="lalala">Generics</h4>
                        <p class="lalalala">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        Dlores quae porro consequatur aliquam, incildunt
                        </p>
                    </div>
                </td>

                <td>
                    <img src="../img/1.png" class="la" width="80px" height="80px" />

                    <div class="lala">
                        <h4 class="lalala">Generics</h4>
                        <p class="lalalala">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                            Dlores quae porro consequatur aliquam, incildunt
                        </p>
                    </div>
                </td>

                <td>
                    <img src="../img/1.png" class="la" width="80px" height="80px" />

                    <div class="lala">
                        <h4 class="lalala">Generics</h4>
                        <p class="lalalala">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                            Dlores quae porro consequatur aliquam, incildunt
                        </p>
                    </div>
                </td>
            </tr>

            <tr>
                <td>
                    <img src="../img/1.png" class="la" width="80px" height="80px" />

                    <div class="lala">
                        <h4 class="lalala">Generics</h4>
                        <p class="lalalala">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                            Dlores quae porro consequatur aliquam, incildunt
                        </p>
                    </div>
                </td>

                <td>
                    <img src="../img/1.png" class="la" width="80px" height="80px" />

                    <div class="lala">
                        <h4 class="lalala">Generics</h4>
                        <p class="lalalala">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                            Dlores quae porro consequatur aliquam, incildunt
                        </p>
                    </div>
                </td>

                <td>
                    <img src="../img/1.png" class="la" width="80px" height="80px" />

                    <div class="lala">
                        <h4 class="lalala">Generics</h4>
                        <p class="lalalala">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                            Dlores quae porro consequatur aliquam, incildunt
                        </p>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>


       
   
    <div>
        <div>
            <h2 style="text-align:center">Our Organization</h2>
        </div>
        <div id="part1">
            <h5 style="text-align:center" class="l">
                Curabitur aliquet quam id posuere ablandit. Donec sollicitudin molestie malesuada
                Pellentesque ipsum id ord porta dapibus. Vivamus suscipit tortor eget feils porttitor volutpat.
            </h5>
        </div>
    </div>
   
    <div>
        <div id="part2">
            <p>
                Girid is responsive Multipurpose Template. Lorem ipsum dolor sit amet. consectetur
                adipiscing elit. Curabitur aliquet quan id dui posuere blandit. Donec Sollicitudin
                molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit
                tortor eget feils porttitor volutpat.
            </p>
        </div>

        <div id="part3">
            <img src="../img/about.jpg" class="about" />
        </div>
        <table id="part4">
            <tbody>
                <tr>
                    <td>
                        <div class="_right">></div>
                        <p class="typeface">Lorem ipsum dolor sit amet</p>
                    </td>
                </tr>

                <tr>
                    <td>
                        <div class="_right">></div>
                        <p class="typeface">consectetur adipiscing elit</p>
                    </td>
                </tr>

                <tr>
                    <td>
                        <div class="_right">></div>
                        <p class="typeface">Curabitur aliquet quam id dui</p>
                    </td>
                </tr>

                <tr>
                    <td>
                        <div class="_right">></div>
                        <p class="typeface">Donec sollocotudin molestie malesuada</p>
                    </td>
                </tr>
            </tbody>
        </table>

    </div>

        
</body>
</html>
